<div>
    <div class="h4 panel-heading padder-v b-b">添加商品</div>

    <div class="panel-body">
        <div class="row m-b-sm">
            <div class="col-sm-12 text-left">
                <form class="form-inline">
                    <div class="form-group">
                        <label class="control-label m-r-xs">名称:</label>
                        <input type="text" class="input-sm form-control" placeholder="商品名称"
                               ng-model="goodsListVO.name">
                    </div>
                    <button class="btn btn-sm btn-info" ng-click="findPageAll()">查询</button>
                </form>
            </div>
        </div>

        <div class="table-responsive">
            <div>
                <table class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th width="20">
                            <label class="i-checks i-checks-sm m-b-none">
                                <input type="checkbox" ng-checked="isCheckedAll()" ng-click="checkAll($event)"><i></i>
                            </label>
                        </th>
                        <th>商品详情</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in list track by $index">
                            <td><label class="i-checks i-checks-sm m-b-none"><input type="checkbox" name="post[]" ng-checked="isChecked(item)" ng-click="updateSelection($event,item)"><i></i></label></td>
                            <td>
                                <img src="img/image_default.png" err-src="img/image_default.png" ng-src="{{app.image.goods}}{{item.fileName}}" class="pull-left m-r-xs" style="height: 40px;height: 40px;"/>
                                <span class="h6 block m-b-xs">{{item.name}}</span>
                                <span class="h6 block text-muted m-b-xs">类型:{{item.typeName}}</span>
                                <p class="h6 block">¥ {{item.price | number:2}}</p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div ng-if="list.length<=0 && !app.loading" class="padder-v text-center">
                    <span class="h6">~未搜索到任何数据~</span>
                </div>
                <div>
                    <circle-loading ng-if="app.loading"></circle-loading>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 text-right text-center-xs">
                        <pagination boundary-links="true" total-items="totalItems" ng-model="page.currentPage"
                                    ng-change="replacePage()" max-size="{{maxPageRow}}" class="pagination-sm m-n"
                                    previous-text="上一页" next-text="下一页"
                                    first-text="首页" last-text="尾页"></pagination>
                    </div>
                </div>
            </footer>

            <div class="text-right">
                <a class="text-right h6 inline">
                    <button class="btn btn btn-sm btn-info" ng-click="ok()">确认</button>
                    <button class="btn btn btn-sm btn-default" ng-click="cancel()">取消</button>
                </a>
            </div>
        </div>
    </div>
</div>